.searchArea{
	background-color: white;
}
.filterArea{
	background-color: white;
	display: flex;
	justify-content: space-between;
}
.filterBtn{
	height: 28px;
	line-height: 18px;
	padding-bottom: 10px;
	font-size: var(--size13);
	width: calc(100% / 3);
	text-align: center;
}
.filterBtn div{
	display: inline-block;
	height: 100%;
}
.filterBtn .angleIcon{
	width: 7px;
	margin-left: 7px;
}
.filterBtn .angleIcon img{
	height: 5px;
	margin-bottom: 2px;
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}
.filterBtn.mui-active img{
	transform: rotate(180deg);
}

.mui-scroll-wrapper{
	top: calc(var(--searchHeight) + 38px + 44px);
}

.btnArea{
	display: flex;
	justify-content: flex-end;
}
.baseBtn{
	width: var(--size66);
	font-size: var(--size12);
	background-color: white;
	color: var(--textColor);
	border-color: #CECECE;
}
.baseBtn.credit{
	border-color: var(--mainColor);;
	color: var(--mainColor);
}
.trainCate,.trainMethod{
	width: var(--size90);
	left:calc(50% - var(--size45));
	top: calc(var(--searchHeight) + 28px + 44px);
	border-radius: 6px;
	overflow: hidden;
}
.trainCate{
	left:auto;
	right: calc(100% / 6 - var(--size45));
}
.mui-popover .mui-table-view-cell{
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #F0F0F0;
	width: 100%;
	border-radius: 0;
	text-align: center;
	font-size: var(--size14);
	height: var(--size40);
	line-height: var(--size40);
}
.mui-popover .mui-table-view-cell.dhc-active{
	background-color: var(--mainColor);
	color: white;
	border-color: var(--mainColor);
}

/********时间选择***** 280px + 92******/
.mui-dtpicker{
	left: var(--size15);
	width: calc(100% / 3 - var(--size15));
	-webkit-transform: translateY(1600px);
	background-color: white;
}
.mui-backdrop.abc{
	display: none;
}

.mui-dtpicker-title h5{
	background-color: #EEF1F6;
}
.mui-dtpicker.mui-active {
	-webkit-transform: translateY(0)
}
.mui-picker{
	background-color: white;
}